<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Stylish Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
	Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //Custom Theme files -->
<link href="<%=request.getContextPath() %>/static/css/temporary/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="<%=request.getContextPath() %>/static/css/temporary/style.css" type="text/css" rel="stylesheet" media="all">
<link rel="stylesheet" href="<%=request.getContextPath() %>/static/css/temporary/flexslider.css" type="text/css" media="screen" />
<!-- js -->
<script src="<%=request.getContextPath() %>/static/js/temporary/jquery-1.11.1.min.js"></script> 
<!-- //js -->	
<!-- start-smoth-scrolling-->
<script type="text/javascript" src="<%=request.getContextPath() %>/static/js/temporary/move-top.js"></script>
<script type="text/javascript" src="<%=request.getContextPath() %>/static/js/temporary/easing.js"></script>	
<script src="<%=request.getContextPath() %>/static/js/temporary/responsiveslides.min.js"></script>
<script src="<%=request.getContextPath() %>/static/js/temporary/classie.js"></script>
<script src="<%=request.getContextPath() %>/static/js/temporary/uisearch.js"></script>
<script src="<%=request.getContextPath() %>/static/js/temporary/bootstrap.js"></script>
<script src="<%=request.getContextPath() %>/static/js/temporary/jquery.flexslider.js"></script>
<script src="<%=request.getContextPath() %>/static/js/temporary/menu_jquery.js"></script>
<script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event){		
				event.preventDefault();
				$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
			});
		});
</script>
</head>
<body>
	<!--header-->
	<div class="header">
		<div class="container">
			<div class="header-left">
				<ul> 
					<li><a href="account.html">账户管理</a></li>
					<li class="login" >
						<div id="loginContainer"><a href="#" id="loginButton"><span>马上登录</span></a>
						    <div id="loginBox">                
						        <form id="loginForm">
									<fieldset id="body">
										<fieldset>
											<label for="email">账户名</label>
											<input type="text" name="email" id="email">
										</fieldset>
										<fieldset>
											<label for="password">密码</label>
											<input type="password" name="password" id="password">
										</fieldset>
										<input type="submit" id="login" value="Sign in">
										<label for="checkbox"><input type="checkbox" id="checkbox"> <i>Remember me</i></label>
									</fieldset>
									<span><a href="#">Forgot your password?</a></span>
								</form>
							</div>
						</div>
					</li>
				</ul>
			</div>
			<div class="logo">
				<a href="index.html"> <img src="<%=request.getContextPath() %>/static/images/temporary/logo.png" alt=""/></a>
			</div>
			<div class="top-nav">
				<span class="menu"><img src="<%=request.getContextPath() %>/static/images/temporary/menu.png" alt=""/></span>
				<ul>
					<li><a class="active" href="<%=request.getContextPath() %>/blog/Index">首页</a></li>
					<li><a href="about.html">关于我</a></li>					
					<li><a href="<%=request.getContextPath() %>/img/imgShow">妹子自拍</a></li>
					<li><a href="news.html">社区动态</a></li>
					<li><a href="<%=request.getContextPath() %>/love/index">表白墙</a></li>
					<li><a href="contact.html">Content</a></li>
				</ul>
				<!-- script-for-menu -->
				<script>					
							$("span.menu").click(function(){
								$(".top-nav ul").slideToggle("slow" , function(){
								});
							});
				</script>
				<!-- script-for-menu -->
			</div>
			<div class="search-box">
				<div id="sb-search" class="sb-search">
					<form>
						<input class="sb-search-input" placeholder="search term..." type="search" name="search" id="search">
						<input class="sb-search-submit" type="submit" value="">
						<span class="sb-icon-search"> </span>
					</form>
				</div>
			</div>
			<div class="clearfix"> </div>
			<!-- search-scripts -->
				<script>
					new UISearch( document.getElementById( 'sb-search' ) );
				</script>
			<!-- //search-scripts -->
		</div>
	</div>	
	
    
</body>
</html>